<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"  lang="en"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title><?= $seo_title ?></title>
        <meta name="description" content="<?= $seo_description ?>">
        <meta name="keywords" content="<?= $seo_keywords ?>">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="shortcut icon" href="<?= base_url() ?>assets/img/favicon.png">

        <script src="<?= base_url() ?>assets/js/libs/modernizr-2.6.1.min.js"></script>

        <link href='https://fonts.googleapis.com/css?family=Lato:400,300,700,100italic' rel='stylesheet' type='text/css'>

        <link rel="stylesheet" href="<?= base_url() ?>assets/css/normalize.css">
        <!--<link rel="stylesheet" href="<?= base_url() ?>assets/css/bootstrap.custom.min.css" media="screen">-->
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/bootstrap.css" media="screen">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/comp_all.css">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/main.css">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/checkout.css">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/responsive.css">


        <script type="text/javascript">
            var base_url = '<?= base_url() ?>';
            var lang_url = '<?= lang_url(); ?>';
            var method = '<?= $this->router->fetch_method(); ?>';
        </script>

    </head>
    <body id="<?= $this->router->fetch_method() ?>_body" class="cbody body_<?= $this->lang->mci_current() ?>">

        <div id="header">
            <div class="container">
                <ul class="clearfix">
                    <li id="infoline" class="pull-right">Info: +382 69 456 772</li>
                    <li><a id="logo" class="pull-left" href="<?= lang_url() ?>"></a></li>
                </ul>

            </div><!-- / container-->

        </div><!-- / header-->


        <?php
        switch ($this->router->fetch_method()) {
        case 'reservation':
        $date_sel = 'done';
        $res_sel = 'active';
        $conf_sel = 'inactive';

        break;

        case 'changedates':
        case 'changedatesExc':

        $date_sel = 'active';
        $res_sel = 'inactive';
        $conf_sel = 'inactive';

        break;

        case 'confirmation':
        case 'error_payment':
        case 'confirm_payment':
        case 'confirmationTransfers':

        $date_sel = 'done';
        $res_sel = 'done';
        $conf_sel = 'active';

        break;
        
        default:
            
            $date_sel = 'done';
        $res_sel = 'done';
        $conf_sel = 'active';
        }
        ?>

        <div class="container">

            <ul id="steps" class="clearfix">
                <li class="<?= $date_sel ?>">
                    <span><?= lang('c.date_selection'); ?></span>
                    <span>1</span>
                </li>
                <li class="<?= $res_sel ?>">
                    <span><?= lang('c.reservation_details'); ?></span>
                    <span>2</span>   
                </li>
                <li class="<?= $conf_sel ?>">
                    <span><?= lang('c.confirmation'); ?></span>
                    <span>3</span>

                </li>
            </ul>

            <?= $contents ?>

        </div>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="<?= base_url() ?>assets/js/libs/jquery-1.8.0.min.js"><\/script>')</script>
        <script src="<?= base_url() ?>assets/js/libs/bootstrap.min.js"></script>
        <script src="<?= base_url() ?>assets/js/libs/jquery-ui.min.js"></script>
        <script src="<?= base_url() ?>assets/js/libs/jquery.numeric.js"></script>
        <script src="<?= base_url() ?>assets/js/libs/jquery.loadmask.min.js"></script>
        <script src="<?= base_url() ?>assets/js/libs/jquery.validate.min.js"></script>
        <script src="<?= base_url() ?>assets/js/libs/jquery.scrollTo-min.js"></script>


        <? if ($this->lang->mci_current() != 'en'): ?>
        <script src="<?= base_url() ?>assets/js/libs/datepicker_regional/jquery.ui.datepicker-<?= $this->lang->mci_current() ?>.js"></script>

        <? endif; ?>

        <script>
            var API = API || {};
            API = {
                Data: {
                    base_url: '<?= base_url(); ?>',
                    libs_url: '<?= SCRIPT_PATH; ?>',
                    lang_url: '<?= lang_url(); ?>',
                    method: '<?= $this->router->fetch_method(); ?>',
                    cur_lang: '<?= $this->lang->mci_current(); ?>',
                    HOST_URL_HOTELS: '<?= HOST_URL_HOTELS; ?>',
                    lang: {
                        'top_custom_search': "<?= lang('top.custom_search'); ?>",
                        'form_dest_region': "<?= lang('form.dest_region'); ?>",
                        'form_person': "<?= lang('form.person'); ?>",
                        'form_persons': "<?= lang('form.persons'); ?>",
                        'form_show_all_items': "<?= lang('form.show_all_items'); ?>",
                        'filter_filtering': "<?= lang('filter.filtering'); ?>",
                        'dtl_adults': "<?= lang('dtl.adults'); ?>",
                        'dtl_teenagers': "<?= lang('dtl.teenagers'); ?>",
                        'dtl_children': "<?= lang('dtl.children'); ?>",
                        'dtl_babies': "<?= lang('dtl.babies'); ?>",
                        'days': "<?= lang('days'); ?>",
                        'book_now': "<?= lang('res.book_now'); ?>",
                        'calculating': "<?= lang('calculating'); ?>",
                        'dtl_subscribing': "<?= lang('dtl.subscribing'); ?>",
                        'dtl_subscribe_thanks': "<?= lang('dtl.subscribe_thanks'); ?>",
                        'dtl_subscribe_alredy': "<?= lang('dtl.subscribe_alredy'); ?>",
                        'dtl_posting_question': "<?= lang('dtl.posting_question'); ?>",
                        'dtl_posting_thanks': "<?= lang('dtl.posting_thanks'); ?>",
                        'available': "<?= lang('available'); ?>",
                        'occupied': "<?= lang('occupied'); ?>",
                        'selected': "<?= lang('selected'); ?>",
                        'arrival': "<?= lang('arrival'); ?>",
                        'departure': "<?= lang('departure') ?>",
                        'read_more': "<?= lang('read_more') ?>",
                        'close': "<?= lang('close') ?>"
                    },
                }
            };
        </script>

        <script src="<?= base_url() ?>assets/js/plugins.js"></script>
        <script src="<?= base_url() ?>assets/js/helper.js"></script>
        <script src="<?= base_url() ?>assets/js/reservation.js"></script>

        <?
        $method = $this->router->fetch_method();
        ?>

        <? if ($method == 'changedates'): ?>
        <script src="<?= SCRIPT_PATH ?>js/api/form.js"></script>
        <script src="<?= base_url() ?>assets/js/accommodation.js"></script>
        <script src="<?= SCRIPT_PATH ?>js/api/x_calculation.js"></script>
        <script src="<?= SCRIPT_PATH ?>js/api/x_calendar.js"></script>
        <script src="<?= base_url() ?>assets/js/calendar.js"></script>

        <? endif; ?>


        <? if ($method == 'changedatesExc'): ?>
        <script src="<?= base_url() ?>assets/js/libs/jquery.scrollTo-min.js"></script>
        <script src="<?= SCRIPT_PATH ?>js/api/x_picker.js"></script>
        <script src="<?= base_url() ?>assets/js/excForm.js"></script>
        <script src="<?= base_url() ?>assets/js/excCalculation.js"></script>
        <script src="<?= base_url() ?>assets/js/detailsExc.js"></script>

        <? endif; ?>

        <?php if ($method == 'reservation' && $this->router->fetch_class() == 'transfers'): ?>

                <script src="<?= SCRIPT_PATH ?>js/api/form.js"></script>
                <script src="<?= base_url() ?>assets/js/reservation_transfers.js"></script>

            <?php endif; ?>

        <script>
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                        m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-42570339-1', 'cipa-booking.com');
            ga('send', 'pageview');

        </script>

    </body>
</html>